<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>订单详情（待发货）</title>
    <link rel="stylesheet" href="../../css/ui.min.css"/>
    <link rel="stylesheet" href="../../css/iconfont.css"/>
    <link rel="stylesheet" href="../../css/shop.css"/>
    <script src="../../js/jquery-2.1.4.js"></script>
    <script src="../../js/clipboard.min.js"></script>
</head>
<body ontouchstart>
<header class="ui-header ui-trans">
    <a href="javascript:history.go(-1)" class="mui-action-back ui-icon hd-left">
       <span class="iconfont icon-fanhui"></span>
    </a>
</header>
<div class="ui-content">
    <div class="tui-tcell text-center">
        <h3>交易进行</h3>
        <p>等待卖家发货</p>
    </div>
	<div class="ui-cell tui-ads-cell">
		<div class="ads-icon"><img src="../../images/adsicon.png" ></div>
		<div class="ui-cell__bd">
			<div class="ads-header">
				<span class="a-name">姓名</span><span class="a-tel">1321355646</span>
			</div>
			<div class="ads-cont">山西省 太原市 迎泽区 迎泽街道 迎泽南街鼎元时代商务中心哈哈 </div>
		</div>
	</div>
	<div class="tui-panel tui-info-panel">
		<div class="order-cell">
            <div class="order-hd justify">
                <div class="order-nuber">订单编号：32323232323</div>
            </div>
            <a href="#" class="ui-cell ui-order-cell">
                <div class="order-pic">
                    <img src="../../images/1.jpg" alt="">
                </div>
                <div class="ui-cell__bd">
                    <div class="order-tit">净重20斤纯手工水饺批发蒸饺煎饺饺子早餐饭店可混搭顺丰冷运包邮</div>
                    <div class="order-info justify">
                        <div>29.78</div>
                        <div>X1</div>
                    </div>
                </div>
            </a>
            <div class="tui-details-list">
				<ul class="tui-item">
					<li class="justify">
						<div>订单总价</div>
						<div>￥74.66</div>
					</li>
					<li class="justify">
						<div>实付款</div>
						<div><span class="item-price">￥74.66</span></div>
					</li>
				</ul>
			</div>
        </div>
	</div>
	<div class="tui-ods-panel">
		<div class="ods-hd">
			<span class="ods-tit">订单详情</span>
		</div>
		<div class="ods-body">
			<div class="ods-item">
				<span id="copy">订单编号:165465465465</span>
				<a href="javascript:;" data-clipboard-target="#copy" class="ods-copy">复制</a>
			</div>
			<div class="ods-item">创建时间:2018-5-12</div>
			<div class="ods-item">成交时间:2018-5-12</div>
		</div>
		<div class="ods-footer">
			<a href="sq_tuikuan.html" class="ui-btn ui-btn-solid">申请退款</a>
		</div>
	</div>
</div>
<script src="../../js/mui.js"></script>
<script>
    var clipboard = new ClipboardJS('.ods-copy');
    clipboard.on('success',function(e){
        e.clearSelection();
        alert('复制成功');
    });
    clipboard.on('error',function(e){
        e.clearSelection();
        alert('复制失败');
    });  
	mui.back = function(){  
		mui.currentWebview.close();  
		mui.back();  
	}
</script>
</body>
</html>